<aside th:each="oneChild:${categoryTree.childList}" class="p-4 mb-6 bg-white border border-gray-200 rounded-lg shadow-md sm:p-6 lg:p-8 dark:bg-gray-800 dark:border-gray-700">
              <h3 class="mb-3 text-xl font-medium text-gray-900 dark:text-white" th:text="${oneChild.categoryName}"></h3>
   <div class="pb-2  flex gap-2 flex-wrap justify-center rounded-lg border border-gray-200/10" th:if="${oneChild.childList.size()>0}" >
    <div class="mx-3 flex items-center flex-wrap font-medium mt-2" th:each="twoChild:${oneChild.childList}">
    <a th:href="${webConfig['oly.web.domain']+'/category/'+twoChild.categoryId}"  class="inline-flex items-center px-5 py-2.5 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
        <span th:text="${twoChild.categoryName}">大苏打撒</span>
        <span
          class="inline-flex items-center justify-center w-4 h-4 ms-2 text-xs font-semibold text-blue-800 bg-blue-200 rounded-full"
          th:text="${twoChild.categoryPassCount}"
          >
          2
        </span>
    </a>
  </div>
  </div>               
 </aside>